.topup-history-item{
	width: 100%;
	min-height: 242rpx;
	background: #FFFFFF;
	border-radius: 24rpx;
	padding: 32rpx 24rpx 32rpx 24rpx;
	box-sizing: border-box;
	margin-bottom: 32rpx;
	&-top-wrapper{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 16rpx;
		border-bottom: 2rpx #E6E6E6 solid;
		.topup-number,.topup-createtime{
			height: 34rpx;
			font-size: 24rpx;
			font-family: $global-font-family;
			font-weight: 400;
			color: #666666;
			line-height: 34rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.topup-number{
			max-width: 70%;
		}
		.topup-createtime{
			max-width: 30%;
		}
	}
	&-bottom-wrapper{
		margin-top: 24rpx;
		width: 100%;
		.label{
			display: inline-block;
			width: 160rpx;
			height: 40rpx;
			font-size: 28rpx;
			font-family:$global-font-family;
			font-weight: 400;
			color: #666666;
			line-height: 40rpx;
		}
		.value{
			display: inline-block;
			height: 40rpx;
			font-size: 28rpx;
			font-family:$global-font-family;
			font-weight: bold;
			color: #333333;
			line-height: 40rpx;
		}
		.topup-info-wrapper{
			display: flex;
			align-items: center;
			width: 100%;
			.topup-amount,.topup-reach-status{
			    width:50%;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
		}
		.check-status-wrapper{
			margin-top: 16rpx;
			.success{
				color:#00B10C;
			}
			.fail{
				color:#ED0000;
			}
			.pending{
				color:$global-theme-color;
			}
		}
		.reach-time-wrapper{
			margin-top: 16rpx;
			.time{
				display: inline-block;
				height: 34rpx;
				font-size: 24rpx;
				font-family: $global-font-family;
				font-weight: 400;
				color: #666666;
				line-height: 34rpx;
			}
		}
	}
}